.quickedit, .widget-item-control, .status-msg-wrap, .post-more-link{display:none}
iframe{border:none;overflow:hidden}
header, nav, section, aside, article, footer{display:block;}
body{
	background:#f1f1f1;
	margin:0;
	color:#2c3e50;
	font-family:Montserrat, "Segoe UI" ,Arial,Tahoma, sans-serif;
	font-weight:400;
	font-size:14px;
	text-align:center;
}
a:link{
	color:#21afa4;
	text-decoration:none;
}
a:visited{
	color:#21afa4;
	text-decoration:none;
}
a:hover{
	color:#c94e5c;
	text-decoration:none;
}
a img{
	border-width:0;
}
b{
	font-weight:600;
}
h2{
	margin:1.5em 0 0.75em;
	font-size:14px;
	line-height:1.4em;
	color:#999999;
}
.arabic {
	font-size: 22px !important; line-height: 34px !important;
	font-family:'KFGQPC Uthman Taha Naskh', KFGQPC_Naskh, 'Traditional Arabic', Tahoma, sans-serif;
	font-weight: bold;
	direction: rtl;
	display:block;
	text-align:right;
}
#outer-wrapper{
	width:980px;
	margin:0 auto;
	padding:0;
	text-align:left;
}
#main-wrapper{
	width:66%;
	padding-top:0px;
	background-color:#f2f2f2;
	float:left;
	word-wrap:break-word; /* fix for long text breaking sidebar float in IE */
	overflow:hidden;     /* fix for long non-text content breaking IE sidebar float */
}
#sidebar-wrapper{
	padding-top:0px;
	top:-30px;
	width:31%;
	float:right;
	word-wrap:break-word; /* fix for long text breaking sidebar float in IE */
	overflow:hidden;      /* fix for long non-text content breaking IE sidebar float */
}
#sidebar-wrapper h2{
	background-color:#222;
	color:#fff;
	padding:9px 25px;
	margin:0px 0px 10px;
	font-size:15px;
	text-transform:uppercase;
	font-family:'Source Sans Pro', sans-serif, 'Segoe UI',Arial,Tahoma;
}
#sidebar-wrapper .widget-content{
	padding:0;
	margin:0;
}

/* Header
-----------------------------------------------*/
#header-wrapper{
	margin:0 auto 0;
	padding:2%;
	background-color:white;
	color:#f1f1f1;
	display:none;
}
#header{
	text-align:center;
	color:#666666;
	margin:0;
}
#header h1, #header p{
	margin:5px 5px 0;
	padding:0;
	text-transform:uppercase;
	letter-spacing:.2em;
	font:normal normal 200% Arial;
}
#header a{
	color:#666666;
	text-decoration:none;
}
#header a:hover{
	color:#666666;
}
#header .description{
	margin:0 5px 5px;
	padding:0 20px 15px;
	text-transform:uppercase;
	letter-spacing:.2em;
	line-height:1.4em;
	font:normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif;
	color:#999999;
}
#header img{
	margin-left:auto;
	margin-right:auto;
}

/* Search
----------------------------------------------- */
#search-box{
	position:relative;
	width:350px;
	margin:10px auto;
}
#cse-search-box{
	height:30px;
	border-radius:2px;
	background-color:#fff;
	overflow:hidden;
	border:1px solid #bbb;
}
#search-text{
	font-size:12px;
	color:#ddd;
	border-width:0;
	background:transparent;
}
#search-box input[type="text"]{
	width:90%;
	padding:7px 20px 12px 0;
	color:#666;
	outline:none;
}
#search-button{
	position:absolute;
	top:0;
	right:0;
	height:32px;
	width:20px;
	margin-top:10px;
	font-size:14px;
	color:#fff;
	text-align:center;
	line-height:0;
	border-width:0;
	background:url(//mastercode.googlecode.com/svn/trunk/data/img/main/search-c.png) no-repeat;
	cursor:pointer;
}

/* Selamat Datang
----------------------------------------------- */
#selamat-wrapper{
	width:auto;
	height:auto;
	background-color:#e9e9e9;
	background:radial-gradient(circle, #c5c5c5, #e9e9e9);
	padding:70px 0 25px 0;
	margin-bottom:25px;
}
#selamat{
	width:900px;
	margin:0px auto;
	text-align:center;
	font-size:16px;
	padding:10px;
}

/* Top Menu
----------------------------------------------- */
#top-menuwrapper{
	background:#21afa4;
	background:linear-gradient(to left, #21afa4 65%,#21afa4 30%,#2c3e50 30%,#2c3e50 0%);
	height:52px;
	width:100%;
	position:fixed;
	top:0;
	left:0;
	z-index:999;
	overflow:hidden;
}
#top-menuwrap{
	width:980px;
	margin:0 auto;
}
#top-menu{
	width:100%;
}
#top-menu ul{
	list-style:none;
}
#top-menu ul li{
	float:right;
}
#top-menu ul li a{
	line-height:16px;
	padding:5px 0;
	margin-left:25px;
	color:#fff;
	font-size:14px;
	text-transform:uppercase;
	display:block;
	text-decoration:none;
}
#top-menu ul li a:hover{
	color:#c94e5c;
}
.logo{
	float:left;
	font-family:'Montserrat', Oswald;
	font-size:160%;
	text-transform:uppercase;
	font-weight:300;
}
#top-menu ul li a.current{
	color:#c94e5c;
}
.logo a{
	color:#fff;
	text-decoration:none;
	margin-top:-5px;
}
.logo a:hover{
	color:#fff;
	text-decoration:none;
}
.logo img{
	margin-top:-9px;
}

/* Navigation
----------------------------------------------- */
#menu{
	background:none;
	color:#4a4a4a;
	border-bottom:2px solid #d9d9d9;
	height:45px;
	font-size:20px;
	font-family:'BebasLah', 'Oswald', Arial, sans-serif;
	width:980px;
	margin:15px auto;
	position:relative;
	margin-top:-23px;
}
#menu ul, #menu li{
	margin:0 auto;
	padding:0 0;
	list-style:none;
}
#menu ul{
	height:45px;
	width:980px;
}
#menu li{
	float:left;
	display:inline;
	position:relative;
	font:bold 14px 'Oswald', 'BebasLah';
	text-transform:uppercase;
	font-weight:normal;
}
#menu a{
	display:block;
	line-height:45px;
	padding:0 14px;
	text-decoration:none;
	color:#4a4a4a;
	font-weight:400;
	font-family:'Oswald', 'BebasLah', Arial, Helvetica, sans-serif;
	text-transform:uppercase;
}
#menu li a.current{
	background:none;
}
#menu li a:hover, #menu li a:focus{
	color:#fff;
	background-color:#2c3e50;
	transition:all 0.3s ease-in;
}
#menu input{
	display:none;
	margin:0 0;
	padding:0 0;
	width:80px;
	height:30px;
	opacity:0;
	cursor:pointer;
}
#menu label{
	font-size:20px;
	display:none;
	width:35px;
	height:20px;
	line-height:20px;
	text-align:center;
	color:#fff;
}
#menu label span{
	font:normal 14px "Open Sans";
	position:absolute;
	left:35px;
}
#menu ul.menus{
	height:auto;
	overflow:hidden;
	width:180px;
	background:#2c3e50;
	position:absolute;
	z-index:99;
	display:none;
}
#menu ul.menus li{
	display:block;
	width:100%;
	font-size:13px;
	text-transform:none;
	text-shadow:none;
}
#menu ul.menus a{
	color:#fff;
	text-transform:uppercase;
	border-right:none;
}
#menu li:hover ul.menus{
	display:block;
}
#menu a.dropdown{
	padding:0 27px 0 14px;
}
#menu a.dropdown::after{
	content:"";
	width:0;
	height:0;
	border-width:6px 5px;
	border-style:solid;
	border-color:#999 transparent transparent transparent;
	position:absolute;
	top:20px;right:9px;
}
#menu ul.menus a:hover{
	background:#21afa4;
	color:#fff;
}

/* Sidebar
----------------------------------------------- */
.sidebar{
	color:#666666;
	line-height:1.5em;
}
.sidebar h2{
	color:#444;
	font-size:14px;
}
.sidebar ul{
	list-style:none;
	margin:0 0 0;
	padding:0 0 0;
}
.sidebar li{
	margin:0;
	padding-top:0;
	padding-right:0;
	padding-bottom:0.25em;
	padding-left:15px;
	text-indent:-15px;
	line-height:1.5em;
}
.sidebar .widget, .main .widget{
	margin:0 0 1em;
	padding:0;
}
.main .Blog{
	border-bottom-width:0;
}
.profile-img{
	float:left;
	margin-top:0;
	margin-right:5px;
	margin-bottom:5px;
	margin-left:0;
	padding:4px;
	border:1px solid #e5e5e5;
}
.profile-data{
	margin:0;
	font-size:11px;
	color:#999999;
	font-weight:bold;
	line-height:1.6em;
}
.profile-datablock{
	margin:0.5em 0 0.5em;
}
.profile-textblock{
	margin:0.5em 0;
	line-height:1.6em;
}
.profile-link{
	font-size:11px;
}
#navbar-iframe{
	height:0px;
	visibility:hidden;
	display:none;
}


/*-- Post --*/
.post-label{
	position:absolute;
	top:5px;
	left:5px;
	width:154px;
	z-index:99;
}
.post-label a{
	font-family:'Oswald', Verdana,Sans-serif;
	text-transform:uppercase;
	background-color:#c94e5c;
	background-color:rgba(201,78,92,0.6);
	color:#fff;
	font-size:10px;
	display:block;
	float:left;
	padding:4px 8px;
}
.post-label a:hover{
	background:rgba(201,78,92,1);
}
.post-info-icon{
	background-image:url(//mastercode.googlecode.com/svn/trunk/data/img/main/icnall.png);
	background-repeat:no-repeat;
}
.post-info{
	display:block;
	margin:10px 0 15px 0px;
	padding:3px 0;
	color:#999;
	line-height:1.6em;
	border-top:1px dotted #e2e2e2;
	border-bottom:1px dotted #e2e2e2;
	font-size:11px;
	overflow:hidden;
}
.post-info a{
	color:#999;
}
.post-info-icon{
	display:inline-block;
	float:left;
	margin:0 12px 0 0;
}
.post-info a:hover{
	color:#000;
}
.jam{
	background-position:0 -98px;
	height:16px;
	padding:0 0 0 17px;
}
.komentar{
	background-position:0 -132px;
	height:16px;
	padding:0 0 0 17px;
}
.label{
	background-position:0 -166px;
	height:16px;
	padding:0 0 0 17px;
}
.admin{
	background-position:0 1px;
	height:16px;
	padding:0 0 0 17px;
}
.tanggal{
	background-position:0 -32px;
	height:16px;
	padding:0 0 0 17px;
}
h2.date-header{
	font:normal 11px arial;
	margin:0;
	padding:0;
	display:none;
}
.post{
	margin:0.5em 0 1.5em;
	padding:0 1px;
	border-bottom:1px dotted #cccccc;
	padding-bottom:1.5em;
}
.post h3,.post h1{
	margin:0.25em 0 0;
	padding:0 0 0px;
	font-size:150%;
	font-weight:normal;
	line-height:1.4em;
	font-family:Oswald,'BebasLah',Bebas,'Arial Narrow',Sans-Serif;
	text-transform:uppercase;
}
.post h3 a, .post h3 a:visited, .post h3 strong{
	display:block;
	text-decoration:none;
	color:#4a4a4a;
}
.post h3 strong, .post h3 a:hover{
	color:#c94e5c;
}
.post-body{
	margin:0;
	line-height:1.6em;
}
.post-body h3{
	background:url(//mastercode.googlecode.com/svn/trunk/data/img/main/bottom-line.gif) left bottom no-repeat;
	font-size:150%;
	font-weight:400;
	margin:5px 0;
	padding-bottom:12px;
}
.post-body h3 code{
	font-size:100%;
}
.post-body h4{
	font-size:120%;
	font-weight:normal;
	margin-top:25px;
	margin-bottom:10px;
	padding-bottom:12px;
	margin-top:0;
}
.post-body img{
	background:url(//mastercode.googlecode.com/svn/trunk/data/img/main/preloader.gif)no-repeat 50% 50%;
}
.post img{
	border: 1px solid rgba(255, 255, 255, 0.4);
	box-shadow:none;
	transition: all 0.3s ease-out;
	max-width:90%;
}
.post img:hover{
	border: 1px solid rgba(255, 255, 255, 0.7);
	box-shadow:none;
}
.post-body img, table.tr-caption-container{
	padding:0px;
	margin-top:.5em;
	border:1px solid #b1b1b1;
	box-shadow:0 0 5px  #aaa;
}
.tr-caption-container img{
	border:none;
	padding:0;
}
.post-footer{
	margin:0.75em 0;
	padding:0;
	color:#999999;
	font-size:11px;
	line-height:1.4em;
	display:none;
}
.post-thumbnail{
	display:block;
	float:left;
	margin:.2em 1em 0 0;
}
.post-more-link, .jump-link{
	text-align:right;
	margin:0px !important;
}
.post .post-title{
	margin-bottom:15px;
	margin-top:20px;
}
.resource{
	display: block;
	padding: 5px 10px;
	border: 1px solid #b3c5e0;
	background-color: #e0ecff;
	color: #666;
	font: normal normal 11px/normal Tahoma,Verdana,Arial,Sans-Serif;
}

/* Blog-pager
----------------------------------------------- */
#blog-pager-newer-link{
	float:left;
}
#blog-pager-older-link{
	float:right;
}
#blog-pager{
	text-align:center;
	padding-right:2%;
	padding-top:2%;
	padding-bottom:2%;
	font-family:Arial, sans-serif;
	font-weight:normal;
}
.feed-links{
	display:none;
}

/*-- Page Loader ---*/
#page-loader{
	position:fixed !important;
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	left:0;
	z-index:9999;
	background:#000 url(//mastercode.googlecode.com/svn/trunk/data/img/main/load6.gif) no-repeat 50% 30%;
	color:white;
	padding:1em 1.2em;
	display:none;
	text-shadow:none;
}

/*-- Breadcrumbs ---*/
.breadcrumbs{
	padding:5px 5px 5px 0px;
	margin:0px 0px 15px 0px;
	font-size:11px;
	line-height:1.4em;
	border-bottom:1px solid #ccc;
}

/*-- Komentar --*/
.comment-link{
	margin-left:0.6em;
}
#comments{
	line-height:1.4em;
	margin:10px 0px 0px 0px;
	position:relative;
}
#comments h3{
	margin-bottom:10px;
	font-size:16px;
	font-weight:normal;
	text-transform:uppercase;
	font-family:Oswald, Arial, sans-serif;
	right:-4px;
	top:-26.5px;
	background:#21afa4;
	color:#fff;
	padding:6px 10px;
	position:absolute;
}
.comment-body-author{
	background:#FFFFFF;
	color:#008000;
	border:1px dotted #008000;
	margin:0;
	padding:0 0 0 10px;
}
.comment_share{
	color:#999999;
	cursor:pointer;
	font-family:verdana;
	font-size:10px;
	line-height:1.5em;
	max-width:100%;
	font-weight:normal;
	padding-left:5px;
}
#comment_rep a:hover{
	text-decoration:none;
	color:#464646!important;
}
.comment_avatar{
	height:48px;
	width:48px;
	background:#F0F0F0 url(//mastercode.googlecode.com/svn/trunk/data/img/main/anon48.gif) no-repeat center center;
	float:left;
	margin-right:10px;
	border-radius:6px;
	overflow:hidden;
}
.comment_name{
	color:#444;
	font-size:16px;
	font-weight:normal;
	line-height:19.5px;
	max-width:100%;
	text-decoration:none;
	margin-top:5px;
	text-transform:uppercase;
	font-family:Oswald, Arial, sans-serif
}
.comment-menu{
	float:right;
	list-style:none;
	width:0px;
	height:0;
}
.comment_name a{
	text-transform:uppercase;
	font-size:16px;
	color:#444;
	text-decoration:none;
	font-family:Oswald, Arial, sans-serif;
}
.comment_name a:hover{
	color:#0088b2;
	text-decoration:none;
}
.comment_body p{
	font-size:14px;
	line-height:22px;
	width:100%;
}
.comment_body{
	margin-top:20px;
	margin-bottom:20px;
	border:1px solid #d2d2d2;
	padding:0 15px;
	position:relative;
	background:#fff;
	border-radius:5px;
}
.comment_date{
	color:#999;
	font-style:italic;
	font-size:12px;
	line-height:25px;
	cursor:pointer;
	font-weight:normal;
}
#comments .separate{
	color:#cccccc;
	font-family:'Oswald', Arial, Helvetica, sans-serif;
	font-size:15px;
	line-height:40px;
	padding-left:5px;
	padding-right:5px;
	line-height:10px;
}
#comments .author-mark{
	background:#d2d2d2;
	color:white;
	
	padding:2px 6px 2px 6px;
	font-size:15px;
	line-height:15px;
}
.comment-share{
	display:inline;
}
.comment-share li{
	display:inline;
}
.comment-share li.button a{
	background:#555;
	color:white;
	padding:0 5px 2px 5px;
	border-radius:4px;
	display:none;
}
.comment-share li.button:hover a{
	background:#000;
}
#comment_rep{
	margin-top:-27px;
	float:right;
}
.comment_child .comment_body{
	margin-top:10px;
	margin-bottom:20px;
}
.comment_child .comment_wrap{
	padding-left:40px;
}
.comment_reply{
	cursor:pointer;
	font-size:11px;
	line-height:1.5em;
	font-style:italic;
	max-width:100%;
	background:#e3e3e3;
	font-weight:400;
	padding:2px 12px;
	color:#999;
	float:right;
	position:absolute;
        right:-1px;
	bottom:-19px;
	border-radius:3px;
}
.comment_admin .avatar-image-container{}.unneeded-paging-control{
	display:none;
}
.comment-form{
	max-width:99.2% !important;
	padding-top:45px !important;
	padding-left:2px !important;
}

.comment_reply_form .comment-form{
	width:100%;
}
.comment_youtube{
	max-width:100%!important;
	width:400px;
	height:225px;
	display:block;
	padding-top:10px;
	padding-bottom:10px;
}
#respond{
	overflow:hidden;
	padding-left:10px;
	clear:both;
}
.comment_avatar *{
	max-width:100%!important;
	display:block;
	max-height:100%!important;
	width:48px!important;
	height:48px!important;
	border-radius:6px;
	margin-right:10px;
}
.comment_child .comment_avatar, .comment_child .comment_avatar *{
	width:40px!important;
	height:40px!important;
	float:left;
	margin-right:10px;
}
.comment_form a{
	color:#2f6986;
	text-decoration:none;
}
.comment_form a:hover{
	color:#2f6986;
	text-decoration:underline;
}
.comment_author_flag{
	display:none;
}
.comment_admin .comment_author_flag{
	display:inline;
	background:#c9c9c9;
	font-size:13px;
	font-weight:normal;
	padding:2px 6px;
	margin-left:8px;
	color:#fff;
	border-radius:4px;
	text-transform:uppercase;
	letter-spacing:.1em;
}
.comment-delete img{
	float:right;
	margin-left:10px;
	position:absolute;
	margin-top:7px;
}
#comment-editor{
	width:100.4% !important;
	background:#e1e3e6 url(//mastercode.googlecode.com/svn/trunk/data/img/main/kangis-loader.gif) no-repeat 50% 30%;
	border-radius:5px;
	margin-bottom:20px;
	position:relative;
}
.comment_arrow{
	display:block;
	width:18px;
	height:9px;
	background:url('//mastercode.googlecode.com/svn/trunk/data/img/main/comment-arrow2.png') no-repeat;
	position:absolute;
	margin-top:-9px;
	margin-left:-5px;
}
.comment_emo_list .item{
	float:left;
	width:40px;
	text-align:center;
	height:40px;
	margin:10px 10px 0 0;
}
.comment_emo_list span{
	display:block;
	font-weight:bold;
	font-size:11px;
	letter-spacing:1px;
}
.comment_youtube{
	max-width:100%!important;
	width:400px;
	height:225px;
	display:block;
	margin:auto;
}
.comment_img{
	max-width:100%!important;
}
.deleted-comment{
	background:#eaeff3 url(//mastercode.googlecode.com/svn/trunk/data/img/main/tempat-sampah.png) no-repeat 2% 50%;
	color:#777f87;
	line-height:22px;
	border:1px solid #d2d2d2;
	padding:12px 15px 12px 45px;
	margin:5px 0;
	display: block;
}
.comment-form p{
	background:#54687c;
	padding:15px 15px 14px 15px;
	margin:0px 0 5px 0;
	color:#f4f4f4;
	font-size:13.6px;
	line-height:20px;
	width:95.7%;
	border-radius:3px;
	position:relative;
}
div.comment_avatar img[src='//mastercode.googlecode.com/svn/trunk/data/img/main/openid16-rounded.gif']{
	content:url(//mastercode.googlecode.com/svn/trunk/data/img/main/gravatar.png);
}
div:target .comment_body{
	border:2px solid #21afa4;
	transition:all 4s ease-out;
}
div:target .comment_child .comment_wrap .comment_body{
	border:1px solid #d2d2d2;
}
div:target .comment_reply{
	background:#21afa4;
	transition:all 4s ease-out;
}
div:target .comment_child .comment_wrap .comment_reply{
	background:#e3e3e3;
}
div:target a.comment_reply{
	color:#fff;
	text-decoration:none;
}
div:target .comment_child .comment_wrap a.comment_reply{
	color:#fff;
	text-decoration:none;
}
div:target .comment_arrow{
	display:block;
	width:18px;
	height:9px;
	background:url(//mastercode.googlecode.com/svn/trunk/data/img/main/green-arrow2.png) no-repeat;
	position:absolute;
	margin-top:-9px;
	margin-left:-5px;
	transition:all 4s ease-out;
}
div:target .comment_child .comment_wrap .comment_arrow{
	display:block;
	width:18px;
	height:9px;
	background:url('//mastercode.googlecode.com/svn/trunk/data/img/main/comment-arrow2.png') no-repeat;
	position:absolute;
	margin-top:-9px;
	margin-left:-5px;
}
#postCommentSubmit{
	padding:10px !important;
}
#allHolder{
	border:none !important;
}
#com-norm, #com-gplus{
	cursor:pointer;
	padding:0 5px;
	float:left;
}
#com-header{
	padding:10px;
	float:left;
	width:100%;
	margin:5px 2px 35px 2px;
	background:#54687c;
	text-align:center;
}
#com-header h6{
	text-align:center;
	float:left;
	text-transform:uppercase;
	padding-top:7px;
	margin:0px;
	margin-right:7px;
	margin-left:7px;
	font-family:Oswald, Arial, sans-serif;
	font-size:16px;
	font-weight:normal;
	color:#fff;
}
#gcontainer{
	display:none;
}
#comment-zone{
	margin-top:60px;
}
#comments .small-button{
	color:#fff;
	margin-right:10px;
	padding:4px 15px;
	background-color:#21afa4;
	font-size:12px;
	font-family:'Open Sans', sans-serif, 'Segoe UI',Arial,Tahoma;
	font-weight:400;
	text-transform:none;
	border-radius:4px;
	text-decoration:none;
	outline:none;
	box-shadow:inset 0px 1px 0px rgba(255,255,255,0.3), 0px 1px 2px #333;
	text-shadow:0px -1px 0px rgba(0,0,0,0.3);
	transition:background-color 1s ease-out 0s;
}
#comments .small-button a{
	color:#fff !important;
}
#comments .small-button a:hover{
	text-decoration:none;
}
#comments .small-button:hover{
	background-color:#106c65;
	color:#ffffff;
}
#comments .orange-button{
	color:#fff;
	margin-right:10px;
	padding:4px 15px;
	background-color:#E55E48;
	font-size:12px;
	font-family:'Open Sans', sans-serif, 'Segoe UI',Arial,Tahoma;
	font-weight:400;
	text-transform:none;
	border-radius:3px;
	text-decoration:none;
	outline:none;
	box-shadow:inset 0px 1px 0px rgba(255,255,255,0.3), 0px 1px 2px #333;
	text-shadow:0px -1px 0px rgba(0,0,0,0.3);
	transition:background-color 1s ease-out 0s;
	cursor:pointer;
}
#comments .orange-button a{
	color:#ffffff !important;
}
#comments .orange-button a:hover{
	text-decoration:none;
}
#comments .orange-button:hover{
	background-color:#af3b28;
	color:#ffffff;
}

/*-- Modifikasi Pesan Komentar --*/
#comments .small-button{
	color:#fff;
	margin-right:10px;
	padding:4px 15px;
	background-color:#21afa4;
	font-size:12px;
	font-family:'Open Sans', sans-serif, 'Segoe UI',Arial,Tahoma;
	font-weight:400;
	text-transform:none;
	border-radius:3px;
	text-decoration:none;
	outline:none;
	box-shadow:inset 0px 1px 0px rgba(255,255,255,0.3), 0px 1px 2px #333;
	text-shadow:0px -1px 0px rgba(0,0,0,0.3);
	transition:background-color 1s ease-out 0s;
}
#comments .small-button a{
	color:#fff !important;
}
#comments .small-button a:hover{
	text-decoration:none;
}
#comments .small-button:hover{
	background-color:#106c65;
	color:#ffffff;
}
#comments .orange-button{
	color:#fff;
	margin-right:10px;
	padding:4px 15px;
	background-color:#E55E48;
	font-size:12px;
	font-family:'Open Sans', sans-serif, 'Segoe UI',Arial,Tahoma;
	font-weight:400;
	text-transform:none;
	border-radius:3px;
	text-decoration:none;
	outline:none;
	box-shadow:inset 0px 1px 0px rgba(255,255,255,0.3), 0px 1px 2px #333;
	text-shadow:0px -1px 0px rgba(0,0,0,0.3);
	transition:background-color 1s ease-out 0s;
}
#comments .orange-button a{
	color:#ffffff !important;
}
#comments .orange-button a:hover{
	text-decoration:none;
}
#comments .orange-button:hover{
	background-color:#af3b28;
	color:#ffffff;
}
.cancel {
	background:#4d90f0;
	border:1px solid #3079ed;
	border-radius:3px;
	font:bold 11px Arial;
	padding:5px 8px;
	color:white;
	text-shadow: 1px 1px 0 #4d90f0;
	margin-top:-111px;
	margin-left:199px;
	position:absolute;
	display:none;
}
.cancel:hover {
	background:#377cea;
	border-color:#2f5bb7;
}
a.cancel  {
	color:white;
}
.add-comment {
	visibility:hidden;
	}
.thanks {
	font-family:Arial, sans-serif;
	font-size:12px;
	right:10px;
	margin-top:-67px;
	padding:6px 12px;
	background:#f8f8f8;
        color:#999;
	border:1px solid #c9cacb;
	border-radius:3px;
	position:absolute;
}
#comments .attention {
	display: block;
	border: 1px solid #c9cacb;
        border-radius:4px;
	background-color: #f8f8f8;
	color: #6c6c6c;
	padding:5px 8px;
	font: normal normal 11px/normal Tahoma,Verdana,Arial,Sans-Serif;
	margin-bottom:-10px;
}

/* Offline Mode
----------------------------------------------- */
#offline-mode{
	background:#dfdede url(//mastercode.googlecode.com/svn/trunk/data/img/main/offline-mode.png)no-repeat 3% 50%;
	padding:0px 20px 0px 175px;
	border:1px solid #c9c9c9;
	margin-bottom:0px;
	margin-top:0px;
	border-radius:3px;
}
#offline-mode h2{
	font-size:220%;
	margin-top:5px;
	text-transform:uppercase;
	color:#fff;
	text-shadow:-1px -1px  3px rgba(0,0,0,0.3);
}
#offline-mode p{
	font-family:'Open Sans', sans-serif, 'Segoe UI',Arial,Tahoma;
	font-size:13.3px;color:#888;
	line-height:1.8em;
	margin-top:-15px;
}
.purechat-offline{
	position:fixed;
	bottom:-4px;
	right:60px;
	z-index:100;
	width:270px;
	display:none;
}

/* Error-page
----------------------------------------------- */
#error-page {
	background-color:#e9e9e9;
	position:fixed !important;
	position:absolute;
	text-align:center;
	top:0;
	right:0;
	bottom:0;
	left:0;
	z-index:99999;
}
#error-inner {
	margin:11% auto;
}
#error-inner .box-404 {
	width:200px;
	height:200px;
	background:#21afa4;
	color:#fff;
	font-size:80px;
	line-height:200px;
	border-radius:10px;
	margin:0 auto 50px;
	position:relative;
}
#error-inner .box-404::after {
	content:" ";
	width:0;
	height:0;
	bottom:-8px;
	border-color:#21afa4 transparent transparent;
	border-style:solid;
	border-width:9px 9px 0;
	position:absolute;
	left:47%;
}
#error-inner h1 {
	text-transform:uppercase;
}
#error-inner p {
	line-height:0.7em;
	font-size:15px;
}

/* Footer
----------------------------------------------- */
#footer{
	background:#c9ccd1;
	width:100%;
	padding:0;
	position:relative;
	clear:both;
}
.footer-wrapper{
	color:#2c3e50;
	font-size:14px;
	height:100%;
	line-height:15px;
	overflow:hidden;
	padding:0;
}
.footer{
	float:left;
	width:33.33%;
	margin:10px;
}
.footer .widget{
	margin-bottom:-300px;
}
.footer h2{
	font-size:17px;
	padding-bottom:8px;
	margin-bottom:8px;
	line-height:1.3em;
	text-transform:uppercase;
	color:#4a4a4a;
	font-family:Oswald, Arial, sans-serif;
	font-weight:normal;
}
.footer .widget-content{
	line-height:17px;
}
.footer ul{
	list-style:none;
	color:#EAE9E8;
	margin:0;
	padding:0;
}
.footer li{
	text-indent:0;
	line-height:1.2em;
	margin:0;
	padding:2px 0 3px 0px;
	font-size:14px;
}
.footer a:link,.footer li a:visited{
	color:#2c3e50;
	text-decoration:none;
}
.footer li a:hover{
	color:#fff;
}
#credit{
	background:#2c3e50;
	text-align:center;
	font-size:14px;
	padding:20px 0;
	margin-bottom:-51px;
	color:#c94e5c;
}
#credit a{
	color:#27a491;
	text-decoration:none;
}
#credit a:hover{
	color:#c9ccd1;
	text-decoration:none;
}

/* -- Button --*/
.button{
	float:left;
	list-style:none;
	text-align:center;
	width:100%;
	margin:5px 0;
	padding:0;
	font-size:14px;
	clear:both;
}
.button ul{
	margin:0;
	padding:0
}
.button li{
	display:inline;
	margin:0;
	padding:0
}
.orange-button{
	color:#fff;
	margin-right:10px;
	padding:5px 15px 4px 15px;
	background-color:#E55E48;
	font-size:12px;
	font-family:'Open Sans', sans-serif, 'Segoe UI',Arial,Tahoma;
	font-weight:400;
	text-transform:none;
	border-radius:5px;
	text-decoration:none;
	outline:none;
	box-shadow:inset 0px 1px 0px rgba(255,255,255,0.3), 0px 1px 1px #888;
	transition:background-color 1s ease-out 0s;
}
a.lightbox.orange-button{
	color:#ffffff !important;
}
.orange-button a:hover{
	text-decoration:none;
}
.orange-button:hover{
	background-color:#af3b28;
	color:#ffffff;
}
.demo{
	border:none;
	border-radius:2px;
	padding:8px 40px !important;
	background:#E55E48;
	color:#fff !important;
	font:400 14px/18px 'Ubuntu', sans-serif;
	text-align:center;
	text-shadow:0 0 1px rgba(0, 0, 0, 0.3);
	transition:background-color 1s ease-out 0s;
	letter-spacing:1px;
}
.download{
	border:none;
	border-radius:2px;
	padding:8px 40px !important;
	background:#4d79a0;
	color:#fff !important;
	font:400 14px/18px 'Ubuntu', sans-serif;
	text-align:center;
	text-shadow:0 0 1px rgba(0, 0, 0, 0.3);
	transition:background-color 1s ease-out 0s;
	letter-spacing:1px;
}
.demo:hover{
	background:#454242;
	text-shadow:0 0 1px #222;
	text-decoration:none;
}
.download:hover{
	background:#454242;
	text-shadow:0 0 1px #222;
	text-decoration:none;
}
.smallbutton{
	display:inline-block;
	text-decoration:none;
	outline:none;
	cursor:pointer;
	font:normal 12px/1em HelveticaNeue, Arial, sans-serif;
	padding:6px 11px;
	color:#555;
	text-shadow:0 1px 0 #fff;
	background:#f2f2f2;
	background:linear-gradient(#fff, #f9f9f9, #f0f0f0);
	border:1px solid #d9d9d9;
	border-color:#d9d9d9 #d6d6d6 #d1d1d1;
	border-radius:4px;
	box-shadow:0 1px 2px #eaeaea, inset 0 1px 0 #fbfbfb;
	margin-right:10px;
}
a.smallbutton, a:visited.smallbutton{
	color:#999;
	text-shadow:0 1px 0 #fff;
	text-decoration:none;
}
.smallbutton a:hover{
	color:#353535;
	text-decoration:none
}
.smallbutton:hover,.smallbutton:focus{
	color:#555;
	background:#efefef;
	background:linear-gradient(#fff, #f9f9f9, #e9e9e9);
	border-color:#ccc;
	box-shadow:0 1px 2px #e0e0e0,
	inset 0 1px 0 #fbfbfb;
}
.smallbutton:active{
	position:relative;
	top:1px;
	color:#555;
	background:#efefef;
	background:linear-gradient(#fff, #eaeaea, #f4f4f4);
	border-color:#c6c6c6;
	box-shadow:0 1px 0 #fff, inset 0 0 5px #ddd;
}


/* Page Navigation
----------------------------------------------- */
#showpageArea{
	font:normal normal 11px Verdana, Geneva, sans-serif;
	margin-top:0;
	padding-top:0;
}
.showpageArea a{
	font-size:14px;
	font-weight:bold;
	text-decoration:none;
}
.showpageNum a{
	background:#eee;
	font-size:14px;
	font-weight:bold;
	text-decoration:none;
	border:1px solid #ccc;
	margin:0 2px;
	padding:6px 10px;
	color:#474747;
	transition:all 0.3s ease-in;
}
.showpageNum a:hover{
	border:1px solid #189b91;
	background-color:#21afa4;
	color:#fff;
}
.showpagePoint{
	border:1px solid #189b91;
	background-color:#21afa4;
	color:#fff;
	font-size:14px;
	font-weight:bold;
	text-decoration:none;
	margin:0 2px;
	padding:6px 10px;
}
.showpageOf{
	display:none;
	font-size:14px;
	font-weight:bold;
	text-decoration:none;
	padding:6px 10px;
	margin:0 2px 0 0;
	color:#ccc;
	text-transform:none;
}
.showpage a{
	border:1px solid #1573A3;
	background-color:#21afa4;
	color:#fff;
	font-size:14px;
	font-weight:bold;
	text-decoration:none;
	padding:6px;
}
.showpage a:hover{
	border:1px solid #1573A3;
	background-color:#21afa4;
	color:#fff;
	text-decoration:none;
}
.showpageNum a:link,.showpage a:link{
	text-decoration:none;
}

a.home-link{display:none}
#blog-pager-newer-link {font-size:12px;width:300px;float:left; text-align:left;font-family:Arial, sans-serif;}
#blog-pager-older-link {font-size:12px;width:300px;float:right; text-align:right;font-family:Arial, sans-serif;}
#blog-pager {font-family: 'Montserrat', 'Segoe UI',Arial,Tahoma, sans-serif;font-weight:400;font-size:14px;}
#blog-pager a{color:#2c3e50}
#blog-pager a:hover{color:#c34755; text-decoration:none}

/* bottom
----------------------------------------------- */
#bottom {
	width:900px;
	clear:both;
	margin:0 auto;
	float:left;
	padding:10px 0;
	color:#333;
	background:#ffffff;
	border-top:1px solid #333;
}
#left-bottom {
	width:100%;
	float:left;
	padding-left:15px;
}

/* Kotak Iklan
----------------------------------------------- */
.kotak_iklan{
	text-align:center;
	margin-top:10px;
	margin-bottom:8px;
	background:#ddd;
	padding-top:11px;
}
.kotak_iklan  img{
	margin:0px 0px 4px 0px;
	padding:5px;
	text-align:center;
	border:1px solid #cecece;
	background:white;
}
.kotak_iklan  img:hover{
	border:1px solid #999;
}

/* Iklan Teks
----------------------------------------------- */
.iklanteks{
	width:auto;
	border:1px solid #dedede;
	font-family:Arial, sans-serif;
	font-size:12px;
	padding:10px 10px 7px 10px;
}
.iklanteks ul{
	list-style:none;
}
.iklanteks li{
	list-style:none;
	color:#666;
	border-bottom:none;
}
.iklanteks li p{
	margin-top:2px;
	line-height:1.2em;
	text-indent:0px;
}
.iklanteks li a{
	list-style:none;
	color:#21afa4;
	line-height:1.2em;
	padding-bottom:10px;
	text-decoration:underline;
}
.iklanteks li a:hover{
	color:#222;
	text-decoration:underline;
}
.iklanteks span{
	text-align:center !important;
	color:#999;
}
.iklanby{
	text-align:right;
	color:#999;
}
.iklanby img {
	height: auto !important; 
	vertical-align: middle !important; 
	width: auto !important; 
	border:0px !important;
}

.iklanby a{
	color:#999;
	background-color:#ddd;
	border:1px solid #dedede;
	border-radius:3px;
	padding:3px;
	font-size:11px;
	font-style: italic;
}
.iklanby a:hover{
	color:#000;
	text-decoration:none;
}


/*Javacsrip enable warning
----------------------------------------------- */
.notification {
	height:70px;
	width:564px;
	display:block;
	position:fixed;
	bottom:10px;
	left:10px;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	box-shadow:2px 2px 2px #cfcfcf;
	-moz-box-shadow:2px 2px 2px #cfcfcf;
	-webkit-box-shadow:2px 2px 4px #cfcfcf;
}

.notification span {
	background:url(//mastercode.googlecode.com/svn/trunk/data/img/main/close.png) no-repeat right top;
	cursor:pointer;
	display:block;
	width:0;
	height:0;
	position:absolute;
	top:-9px;right:-8px;
}

.notification p {
	width:484px;
	font-family:Arial,Helvetica,sans-serif;
	color:#323232;
	font-size:14px;
	line-height:21px;
	text-align:left;
	float:right;
	margin:10px 15px 0 0;
	*margin-top:15px;
	padding:0;
	text-shadow:0 0 1px #f9f9f9;
}
.warning {
	border-top:1px solid #fefbcd;
	border-bottom:1px solid #e6e837;
	background:#feffb1;
	background:-moz-linear-gradient(top,#feffb1,#f0f17f);
	background:-webkit-gradient(linear,left top,left bottom,from(#feffb1),to(#f0f17f));
}
.warning:before {
	content:url(//mastercode.googlecode.com/svn/trunk/data/img/main/warning.png);
	float:left;
	margin:15px 15px 0 25px;
}
.warning strong {
	color:#e5ac00;
	margin-right:15px;
}
.notification a:hover {
	color:red;
}

/* Notifikasi
----------------------------------------------- */
#show-total {
	position:fixed;
	top:6px;
	right:90px;
	z-index:9999;
	cursor:pointer;
	float:right;
}
.total-show {
    background-color:#f1c40f;
	color:white;
	padding:2px 6px;
	font-size:11px;
	border-radius:3px;
	font-weight:bold;
}
#notif {
	cursor:pointer;
}
#notif:before {
	content:  url(//mastercode.googlecode.com/svn/trunk/data/img/main/lonceng2.png);
	border:0px solid #b6b5b5;
	padding:5px 6px 0 6px;
	border-radius:3px;
	display:block;
	position:fixed;
	top:13px;
	right:100px;
	opacity:.5;
	color:rgba(0,0,0,.3);
	z-index:9999;
	transition:all 0.4s ease-out;
}
#notif:hover:before {
	opacity:1;
}
#notif2 {
	cursor:pointer;display:none}
#notif2:before {
	content:  url(//mastercode.googlecode.com/svn/trunk/data/img/main/lonceng2.png);
	border:0px solid #b6b5b5;
	padding:5px 6px 0 6px;
	border-radius:3px;
	display:block;
	position:fixed;
	top:13px;
	right:100px;
	opacity:.5;
	color:rgba(0,0,0,.3);
	z-index:9999;
	transition:all 0.4s ease-out;
}
#notif2:hover:before {
	opacity:1;
}
#cm-wrapper {
	width:352px;
	position:fixed;
	top:52px;
	right:-381px;
	z-index:9999;
	background-color:#222;
	padding:15px 13px 25px 15px;
	color:#666;
	font-family: Arial, Sans-serif;
	border-top:8px solid #ff6c60;
	transition:0.5s ease;
}
#cm-wrapper:before {
	content:"";
	width:0;
	height:0;
	position:absolute;
	top:-24px;
	left:258px;
	border:8px solid transparent;
	border-color:transparent transparent #ff6c60;
}
#cm-scroll {
	width: 100%;
	height: 570px;
	overflow: auto;
	position: relative;
}
#comments-container {
	color:#666;
	font-family: Arial, Sans-serif;
}
#comments-container.cm-active {
	position:fixed;
	right:0;
	top:61px;
}
.scrollgeneric {
	line-height: 1px;
	font-size: 1px;
	position: absolute;
	top: 0; 
	left: 0;
}
.vscrollerbase {
	width: 5px;
    	background-color: #111;
	border-radius:2px;
}
.vscrollerbar {
	width: 5px;
	background-color: #444;
	border-radius:2px;
}
.hscrollerbase {
	height: 10px;
	background-color: #111;
	border-radius:2px;
}
.hscrollerbar {
	height: 10px;
	background-color: #444;
	border-radius:2px;
}
.scrollerjogbox {
	width: 10px;
	height: 10px;
	top: auto; left: auto;
	bottom: 0px; right: 0px;
	background-color: gray;
}
.cm-outer {
	margin:0 auto;
	padding:0;
	font-size:11px;
	text-align:left;
}
.cm-outer pre {
	background-color:#141414;
	font-size:11px;
	color:#7c7c7c;
}
.cm-outer li {
	padding:7px 10px 12px;
	list-style:none;
	clear:both;
	position:relative;
	border-top:1px solid #333;
	border-bottom:1px solid #111;
	margin-right:10px;
}
.cm-outer code {
	color:#a6a658;
    	font-size:11px;
}
.cm-outer li.selected {
    	border-left:4px solid #fffe8c;
}
.cm-outer li:first-child {
	border-top:none;
}
.cm-outer li:last-child {
	border-bottom:none;
}
.cm-text {
	color:#999;
}
.cm-outer {
	margin:0 0 5px;
}
.cm-header {
	margin: 4px 0 8px 60px;
	font-size:12px;
	font-weight:normal !important;
}
.cm-header a {
	color:#168980;
	text-decoration:none;
	font-size:12px;
	font-weight:bold;
}
.cm-header a:hover {
	color:#e6e6e6;
	text-decoration:none;
}
.cm-outer .cm-content {
	overflow:hidden;
}
.cm-content {
	margin-left:60px;
}
.cm-outer img {
	display:block;
	float:left;
	background:#8fa2cb url(//mastercode.googlecode.com/svn/trunk/data/img/main/anon48.gif) no-repeat 50% 50%;
	overflow:hidden;
	border-radius:100px;
	position:absolute;
	top:10px;
	left:0;
	border:3px solid #3d464f;
}
.cm-footer {
	margin-top:7px;
}
.cm-footer a {
	color:#168980;
	text-decoration:none;
}
.cm-footer a:hover {
	color:#e6e6e6;
	text-decoration:none;
}
div.cm-header img[src=//mastercode.googlecode.com/svn/trunk/data/img/main/openid16-rounded.gif] {
	content: url(//mastercode.googlecode.com/svn/trunk/data/img/main/gravatar.png);
}
.bg_hitam{
	display: none;
	position: absolute;
	position: fixed;
	top: 0%;
	left: 0%;
	width: 100%;
	height: 100%;
	background-color: #000;
	z-index:99;
	opacity:.30;
}
img.cm-smiley  {
	float:none;
	position:relative;
	display:inline-block;
	width:12px !important;
	height:12px !important;
	top:2px;
	border:none;
	border-radius:2px;
	background:none;
}
.myframe {
	display:none;
	width:100.5%;
	height:265px;
	margin-bottom:5px;
	border-radius:3px;
}
.jsfiddle-demo {
	display:block;
	width:98%;
	height:250px;
	border:1px solid #bbb;
	background:transparent url(//mastercode.googlecode.com/svn/trunk/data/img/main/preloader.gif) no-repeat 50% 50%;
}
#catcher{
	height1730px; tinggi catcher 
}
.sticky {  
    	width:305px;/* lebar sticky */
    	position: fixed;   
    	top: 80px;  
    	z-index: 100;  
    	border-top: 0;  
}
.informacio {
	position:fixed;
	top:16px;
	left:10px;
	z-index:9999;
	display:none;
}
.ki_modal-single {
	width: 600px;
	height: 300px;
	background-color: #f3f3f3;
	border-radius: 5px;
	box-shadow: 0 0 2px #333,0 0 6px #333;
	position: absolute;
	left: 50%;
	margin-top: -150px;
	margin-left: -300px;
	top:-9999px;
	z-index:9999;
	transition: all 0.4s ease-in-out;
}


/* Notifikasi
----------------------------------------------- */
.ki_modal-single a{
	color:white;
	text-decoration:underline;
}
.ki_modal-close {
	position:absolute;
	top:8px;
	right:8px;
	z-index:9999;
	cursor:pointer;
}
.ki_modal-single .ki_wrap-inner {
	position: absolute;
	top: 30px;
	right: 10px;
	bottom: 10px;
	left: 10px;
	padding: 20px;
	overflow: auto;
	background-color:#2f3135;
	color: white;
	text-align:left;
	line-height:1.7em;
	border:1px solid #408fc7;
	border-top:1px solid #063a60;
	border-left:1px solid #063a60;
}
.overlay{
	display: block;
	position: fixed;
	top: 0%;
	left: 0%;
	width: 100%;
	height: 100%;
	background-color: #000;
	z-index:9999;
	opacity:.50;
	transition: all 0.4s ease-in-out;
	display:none;
}
#info{
	position: fixed;
	top: 18px;
	right:35px;
	height: 16px;
	border-radius:3px;
	background-color:#74a2c3;
	color:white;
	padding:2px 10px 4px 10px;
	z-index:9999;
	cursor:pointer;
	font-size:12px;
	font-weight:bold;
}

/* Syntax Highlghter
----------------------------------------------- */
blockquote{
	font-family:Georgia, serif;
	font-size:15px;
	font-style:italic;
	margin:0.25em 0;
	padding:15px 20px 15px 50px;
	border:dashed 1px #ccc;
	line-height:1.45;
	color:#666;
	background:#fff url(//mastercode.googlecode.com/svn/trunk/data/img/main/bg-blockquote.gif) no-repeat 15px 18px;
	clear:both;
}
blockquote code{
	font-size:100%;
}
#comments blockquote,b[rel='quote']{
	background:#f9f7b8 url(//mastercode.googlecode.com/svn/trunk/data/img/main/icon-info.png) no-repeat 2% 50%;
	color:#2c3e50;
	line-height:22px;
	border:1px solid #e5e283;
	padding:12px 15px 12px 45px;
	margin:5px 0 20px 0;
	border-radius:5px;
	font-family:'Montserrat', 'Segoe UI',Arial,Tahoma, sans-serif;
	font-size:14px;
	font-style:normal;
}
pre{
	padding:.8em 1em;
	margin:1.5em 0;
	background-color:#2c3e50;
	font-size:13px;
	color:#839496;
	font-family:Consolas,'Andale Mono WT','Andale Mono','Lucida Console','Lucida Sans Typewriter','DejaVu Sans Mono','Bitstream Vera Sans Mono','Liberation Mono','Nimbus Mono L',Monaco,'Courier New',Courier,Monospace;
	line-height:1.4em;
	position:relative;
	white-space:pre-wrap;
	word-wrap:break-word;
	border-radius:3px;
}
pre::after{
	content:' ';
	width:0;
	height:0;
	opacity:0;
	visibility:hidden;
	position:absolute !important;
	right:13px;
	top:-7px;
	transition:.3s ease-out;
	border-color:#222 transparent transparent;
	border-style:solid;
	border-width:6px 6px 0;
}
pre::before{
	content:' Klik ganda untuk seleksi';
	width:117px;
	font-size:11px;
	font-family:Tahoma,arial,sans-serif;
	padding:3px 9px;
	opacity:0;
	visibility:hidden;
	position:absolute;
	top:-35px;
	right:0;
	transition:.3s ease-out;
	background:#222;
	color:#fff;
	border-radius:5px;
	padding:5px;
}
pre:hover::before, pre:hover::after{
	opacity:.5;
	visibility:visible;
}
#comments pre{
	color:#839496;
	font-family:Consolas,'Andale Mono WT','Andale Mono','Lucida Console','Lucida Sans Typewriter','DejaVu Sans Mono','Bitstream Vera Sans Mono','Liberation Mono','Nimbus Mono L',Monaco,'Courier New',Courier,Monospace;
	font-size:13px;
	margin-bottom:10px;
	margin-top:5px;
}
#comments pre::after{
	content:' ';
	width:0;
	height:0;
	opacity:0;
	visibility:hidden;
	position:absolute !important;
	right:13px;
	top:-7px;
	transition:.3s ease-out;
	border-color:#222 transparent transparent;
	border-style:solid;
	border-width:6px 6px 0;
}
#comments pre::before{
	content:' Klik ganda untuk seleksi';
	width:125px;
	font-size:11px;
	font-family:Tahoma,arial,sans-serif;
	padding:3px 9px;
	opacity:0;
	visibility:hidden;
	position:absolute;
	top:-35px;
	right:0;
	transition:.3s ease-out;
	background:#222;
	color:#fff;
	border-radius:5px;
	padding:5px;
}
#comments pre:hover::before, 
#comments pre:hover::after{
	opacity:.5;
	visibility:visible;
}
code{
	font-family:Consolas,'Andale Mono WT','Andale Mono','Lucida Console','Lucida Sans Typewriter','DejaVu Sans Mono','Bitstream Vera Sans Mono','Liberation Mono','Nimbus Mono L',Monaco,'Courier New',Courier,Monospace;
	font-size:13px;
	padding:2px 4px;
	color:#d14;
}
#comments code{
	font-family:Consolas,'Andale Mono WT','Andale Mono','Lucida Console','Lucida Sans Typewriter','DejaVu Sans Mono','Bitstream Vera Sans Mono','Liberation Mono','Nimbus Mono L',Monaco,'Courier New',Courier,Monospace;
	font-size:13.45px;
	padding:2px 4px;
	color:#d14;
}
#comments pre code{
	color:#9eb1b3;
}
pre code{
	padding:0 !important;
	color:#a3a49a;
	background:none !important;
	border:none !important;
}
pre .comment,
pre .template_comment,
pre .diff .header,
pre .doctype,
pre .pi,
pre .lisp .string,
pre .javadoc{
	color:#586e75;
	font-style:italic;
}
pre .keyword,
pre .winutils,
pre .method,
pre .addition,
pre .css .tag,
pre .request,
pre .status,
pre .nginx .title{
	color:#859900;
}
pre .number,
pre .command,
pre .string,
pre .tag .value,
pre .rules .value,
pre .phpdoc,
pre .tex .formula,
pre .regexp,
pre .hexcolor{
	color:#7195a3;
}
pre .title,
pre .localvars,
pre .chunk,
pre .decorator,
pre .built_in,
pre .identifier,
pre .vhdl .literal,
pre .id,
pre .css .function{
	color:#569dcf;
}
pre .attribute,
pre .variable,
pre .lisp .body,
pre .smalltalk .number,
pre .constant,
pre .class .title,
pre .parent,
pre .haskell .type{
	color:#aa985a;
}
pre .preprocessor,
pre .preprocessor .keyword,
pre .shebang,
pre .symbol,
pre .symbol .string,
pre .diff .change,
pre .special,
pre .attr_selector,
pre .important,
pre .subst,
pre .cdata,
pre .clojure .title,
pre .css .pseudo{
	color:#509a55;
}
pre .deletion{
	color:#dc322f;
}
pre .tex .formula{
	background:#073642;
}
.catatan{
	display:block;
	font-style:normal;
	color:#333;
	padding:15px 18px 15px 48px;
	position:relative;
	background-color:#f8e38d;
	border-radius:4px;
	border-bottom:1px solid rgba(0,0,0,.1);
}
.catatan:before{
	font-family:'fontAwesome';
	display:block;
	position:absolute;
	top:15px;
	left:16px;
	color:rgba(0,0,0,.18);
	font-size:24px;
	line-height:1;
}
.catatan:before{
	content:'\f05a';
}
.infoku{
	margin:15px 0 15px 0;
	padding:10px;
	background:#FBFFBF;
	color:#444;
	border:2px solid #FFD324;
	overflow:auto;
	width:96%;
	font-weight:normal !important;
	font-style:normal !important;
}
.infoku a{
	color:#E80000;
}
.note{
	background:#f9f7b8 url(//mastercode.googlecode.com/svn/trunk/data/img/main/icon-info.png) no-repeat 2% 50%;
	color:#2c3e50;
	line-height:22px;
	border:1px solid #e5e283;
	padding:12px 15px 12px 45px;
	margin:0;
	border-radius:5px;
	font-family:'Montserrat', 'Segoe UI',Arial,Tahoma, sans-serif;
	font-size:14px;
	font-style:normal;
}
img.ki-smiley{
	height:auto !important;
	vertical-align:middle !important;
	margin-bottom:3px;
	width:auto !important;
	border:0px !important;
	box-shadow:none;
}
mark{
	background:#d33f04;
	color:#fff;
	padding:1px 6px;
	margin-right:5px;
}
.spammer-detected{
	color:#888;
	font-style:italic;
	font-size:90%;
}
.copyright{
	font-size:11px;
}
.item-image{
	width:auto;
	padding:25px 0 15px 0;
	text-align:center;
	background:#dce4e5;
}

/*--- To Top ---*/
#BounceToTop{
	background:#b5bac3;
	text-align:center;
	position:fixed;
	bottom:10px;
	right:10px;
	cursor:pointer;
	width:30px;
	height:22px;
	border-radius:3px;
	padding:5px;
	display:none;
	transition:all .3s ease-out;
}
#BounceToTop:hover{
	background:#727e94;
}
#BounceToTop:before{
	content:"";
	position:absolute;
	bottom:7px;
	right:9px;
	width:0;
	height:0;
	border-style:solid;
	border-width:0 11px 16px 11px;
	border-color:transparent transparent #fff transparent;
	line-height:0;
}
#BounceToTop:after{
	content:"";
	position:absolute;
	bottom:7px;
	right:11px;
	width:0;
	height:0;
	border-style:solid;
	border-width:0 9px 12px 9px;
	border-color:transparent transparent #b5bac3 transparent;
	line-height:0;
	transition:all .3s ease-out;
}
#BounceToTop:hover:after{
	border-color:transparent transparent #727e94 transparent;
}
/* light box
----------------------------------------------- */
.jquery-lightbox-overlay{
	background:#333333;
}
.jquery-lightbox{
	padding:17px 0;
	background:#000000;
	position:relative;
}
.jquery-lightbox-border-top-left, 
.jquery-lightbox-border-top-right, 
.jquery-lightbox-border-top-middle, 
.jquery-lightbox-border-bottom-left, 
.jquery-lightbox-border-bottom-middle, 
.jquery-lightbox-border-bottom-right{
	position:absolute;
	height:7px;
	width:12%;
	z-index:7000;
	background:#000000;
	overflow:hidden;
}
.jquery-lightbox-border-top-left{
	top:0;
	left:0;
}
.jquery-lightbox-border-top-right{
	top:0;
	right:0;
}
.jquery-lightbox-border-top-middle{
	width:78%;
	top:0;
	left:12%;
}
.jquery-lightbox-border-bottom-left{
	bottom:0;
	left:0;
}
.jquery-lightbox-border-bottom-right{
	bottom:0;
	right:0;
}
.jquery-lightbox-border-bottom-middle{
	width:78%;
	bottom:0;
	left:12%;
}
.jquery-lightbox-title{
	background:#000000;
	color:#FFFFFF;
	font-family:verdana,arial,serif;
	font-size:11px;
	line-height:14px;
	padding:5px 8px;
	margin:12px 0 0;
	position:absolute;
	top:100%;
	z-index:7002;
	opacity:0.9;
}
.jquery-lightbox-html{
	position:relative;
	z-index:7000;
	border:0;
	border-left:7px solid #000000;
	border-right:7px solid #000000;
	padding:0px 15px;
	vertical-align:top;
}
.jquery-lightbox-html embed, 
.jquery-lightbox-html object, 
.jquery-lightbox-html iframe{
	vertical-align:top;
}
.jquery-lightbox-background{
	background:#000000;
	position:absolute;
	top:7px;
	left:7px;
	z-index:6999;
	float:left;
	padding:0;
}
.jquery-lightbox-background img{
	display:block;
	position:relative;
	border:0;
	margin:0;
	padding:0;
	width:100%;
	height:100%;
}
.jquery-lightbox-mode-image .jquery-lightbox-html{
	z-index:6998;
	padding:0;
}
.jquery-lightbox-mode-html .jquery-lightbox-background{
	background:#FFFFFF;
}
.jquery-lightbox-mode-html .jquery-lightbox-html{
	overflow:auto;
}
.jquery-lightbox-loading, 
.jquery-lightbox-mode-html .jquery-lightbox-loading{
	background:#FFFFFF url(//mastercode.googlecode.com/svn/trunk/data/img/main/loading.gif) no-repeat center center;
}
.jquery-lightbox-button-close{
	background:#000000 url(//mastercode.googlecode.com/svn/trunk/data/img/main/jquery-lightbox-theme.gif) no-repeat -113px 8px;
	position:absolute;
	top:12px;
	right:-26px;
	width:75px;
	height:30px;
}
.jquery-lightbox-button-close:hover{
	background:#000000 url(//mastercode.googlecode.com/svn/trunk/data/img/main/jquery-lightbox-theme.gif) no-repeat -113px -30px;
}
.jquery-lightbox-button-close span, .jquery-lightbox-buttons span{
	display:none;
}
.jquery-lightbox-mode-image .jquery-lightbox-button-close{
	top:auto;
	right:7px;
	bottom:7px;
	z-index:7002;
}
.jquery-lightbox-buttons .jquery-lightbox-buttons-init, 
.jquery-lightbox-buttons .jquery-lightbox-buttons-end, 
.jquery-lightbox-buttons .jquery-lightbox-button-left, 
.jquery-lightbox-buttons .jquery-lightbox-button-right{
	display:none;
}
.jquery-lightbox-buttons .jquery-lightbox-button-max{
	background:#000000 url(//mastercode.googlecode.com/svn/trunk/data/img/main/jquery-lightbox-theme.gif) no-repeat 7px -23px;
	position:absolute;
	left:7px;
	bottom:7px;
	width:45px;
	height:30px;
	z-index:7001;
}
.jquery-lightbox-buttons .jquery-lightbox-button-max:hover{
	background:#000000 url(//mastercode.googlecode.com/svn/trunk/data/img/main/jquery-lightbox-theme.gif) no-repeat 7px -55px;
}
.jquery-lightbox-buttons .jquery-lightbox-button-min{
	background:#000000 url(//mastercode.googlecode.com/svn/trunk/data/img/main/jquery-lightbox-theme.gif) no-repeat -35px -23px;
	position:absolute;
	left:7px;
	bottom:7px;
	width:42px;
	height:30px;
	z-index:7001;
}
.jquery-lightbox-buttons .jquery-lightbox-button-min:hover{
	background:#000000 url(//mastercode.googlecode.com/svn/trunk/data/img/main/jquery-lightbox-theme.gif) no-repeat -35px -55px;
}
.jquery-lightbox-buttons-custom{
	background:#000000;
	height:33px;
	line-height:33px;
	font-size:10px;
	position:absolute;
	top:7px;
	left:7px;
}
.jquery-lightbox-buttons-custom a{
	color:#7b7b7b;
	font-size:12px;
	display:inline;
	font-weight:bold;
	text-decoration:underline;
	padding:0 7px;
}
.jquery-lightbox-navigator{
	position:absolute;
	z-index:7002;
	overflow:hidden;
	top:7px;
	left:7px;
}
.jquery-lightbox-navigator .jquery-lightbox-button-left{
	position:absolute;
	height:90px;
	width:40%;
	left:0;
}
.jquery-lightbox-navigator .jquery-lightbox-button-left span{
	background:#000000 url(//mastercode.googlecode.com/svn/trunk/data/img/main/jquery-lightbox-theme.gif) no-repeat -37px 10px;
	width:0;
	height:0;
	overflow:hidden;
	display:block;
	padding:30px 0 0 50px;
	position:absolute;
	top:30px;
	left:0;
	z-index:7003;
	cursor:pointer;
	opacity:0.2;
}
.jquery-lightbox-navigator .jquery-lightbox-button-left:hover span{
	opacity:1;
}
.jquery-lightbox-navigator .jquery-lightbox-button-right{
	position:absolute;
	height:90px;
	width:40%;
	right:0;
}
.jquery-lightbox-navigator .jquery-lightbox-button-right span{
	background:#000000 url(//mastercode.googlecode.com/svn/trunk/data/img/main/jquery-lightbox-theme.gif) no-repeat 9px 10px;
	width:0;
	height:0;
	overflow:hidden;
	display:block;
	padding:30px 0 0 50px;
	position:absolute;
	top:30px;
	right:0;
	z-index:7003;
	cursor:pointer;
	opacity:0.2;
}
.jquery-lightbox-navigator .jquery-lightbox-button-right:hover span{
	opacity:1;
}
.jquery-lightbox-mode-html .jquery-lightbox-navigator{
	display:none;
}

/* Modifikasi PopularPosts
----------------------------------------------- */
.PopularPosts{
	background:#F2F2F2;
	border:1px solid #E3E3E3;
}
.PopularPosts h2{
	background:#8C8C8C;
	color:#FFFFFF !important;
	padding:12px 24px !important;
	margin:-1px -1px 0;
}
.PopularPosts .widget-content{
	font-size:14px;
	margin:0 !important;
}
.popular-posts ul{
	margin:0 !important;
	padding:0 !important;
}
.popular-posts ul li{
	list-style:none;
	border-bottom:1px solid #ccc;
	border-top:1px solid #FFFFFF;
	padding:0 !important;
}
.popular-posts ul li:first-child{
	border-top:0;
}
.popular-posts ul li:last-child{
	border-bottom:0;
}
.popular-posts ul li:hover{
	background:#fafafa;
	text-decoration:none;
}
.popular-posts ul li a{
	color:#404040;
	display:block;
	padding:12px 24px;
	text-indent:0px;
}
.popular-posts ul li a:hover{
	color:#262626;
	text-decoration:none;
}

.related-posts {
font-size: 0.8em;
width: 120px;
margin: 0px;
padding: 0px;
float: left;
overflow: hidden;
}
#kislidingbox{background:#fff;border-top:1px solid #bbb;box-shadow: 0 4px 10px #666;transition:all 0.4s ease-out;width:355px;height:185px;position:fixed;overflow:hidden;border:none;right:-360px;z-index:9999;text-align:left!important;letter-spacing:0;}
.kislidingbox-title{background:none;border-top:1px solid #ddd;color:#00789d;display:block;height:40px;width:100%;font-size:14px;font-family:Arial, sans-serif;text-transform:capitalize;font-weight:bold;padding-right:25px}
.kislidingbox-title span a{float:right;height:40px;width:25px;}
a#kislidingbox-close, a#kislidingbox-close {margin-right:15px;}
.kislidingbox-title > span > h2{font-size:20px!important;font-weight:normal!important;}
.kislidingbox-title span a img{margin:16px;border:0 !important;box-shadow:0 !mportant;}
.kislidingbox-container{border:none;float:left;width:100%;height:auto;margin:3px}
.kislidingbox-container > div{border:none;height:40px;margin:3px;padding:10px;}
.kislidingbox-container > div > span {font-size:14px;}
.kislidingbox-container img{float:left;margin:3px 5px;width:25px;border:1px solid #ccc;border-radius:99em;}
.show{bottom:80px;}
.hide{bottom:-145px;}
.related-post {margin:2em auto 0;font:normal normal 11px/1.4 Arial,Sans-Serif;}
.related-post h4 {font-size:150%;margin:0 0 .5em;}
.related-post-style-2 {border-top:1px solid rgba(0,0,0, 0.2);margin-top:-20px;padding-top:15px;list-style:none;}
.related-post-style-2 li {margin-left:-50px;-style:none;}
.related-post-style-2 li {padding:0 10px 10px 10px;overflow:hidden;}
.related-post-style-2 li:first-child {border-top:none}
.related-post-style-2 .related-post-item-thumbnail {width:45px;height:45px;max-width:none;max-height:none;background-color:transparent;border:none;padding:0;float:left;margin:2px 10px 0 0;border:1px solid #ccc;}
.related-post-style-2 .related-post-item-title {font-weight:bold;font-size:120%;text-transform:capitalize;font-style:italic;}
a.related-post-item-title {color :#333 !important;}
a:hover.related-post-item-title {color :#0491ea !important;text-decoration:none;}
.related-post-style-2 .related-post-item-summary {display:block;overflow:hidden;}
.related-post-style-2 .related-post-item-more {}